<!--comment.vue-->
<template>
<div>
<mu-appbar title="个人资料">
  <mu-icon-button icon="arrow_back" slot="left" v-on:click="handleBack"/>
	<mu-icon-button id="id_comment" icon="comment" slot="right" @click="handleComment"/>
</mu-appbar>

<div id="id_profile">
<mu-card>
  <mu-card-header :title="$route.query.name" :subTitle="$route.params.profileId">
    <mu-avatar :src="IconAvatar" slot="avatar"/>
  </mu-card-header>
	</mu-card>
</div>

	<div id="id_comment_star">
		 评价星级: {{ $route.query.name }}
	</div>
</div>

</template>

<style>


.mu-card-header{
	text-align:left;
}

#id_comment{
    margin:0.5rem;
    text-align:left;
}
</style>

<script>
import iconAvatar from '@/assets/img/uicon.jpg';

export default {
  data() {
    return {
      IconAvatar: iconAvatar,
      Name: '',
    };
  },
  methods: {
    handleBack() {
      this.$router.back();
    },
    handleComment() {
      this.$router.push({ path: '/comment', query: this.$route.query });
    },
  },
};
</script>
